<div class="list-group bg-white list-group-lg no-bg auto">
  <a  class="list-group-item clearfix" *ngFor="let rankinguserlist of rankinguser;let i=index" (click)="showPersion(rankinguserlist.id,rankinguserlist.photo)" >
    <span class="pull-right h2 text-muted m-l">{{i+1}}</span>
    <span class="pull-left thumb-sm avatar m-r">
        <img  *ngIf="rankinguserlist.photo==''" src="../assets/images/head.jpeg" style="width: 50px;height: 40px">
        <img  *ngIf="rankinguserlist.photo!=''" src="http://www.jiangxindc.com/{{rankinguserlist.photo}}" style="width: 50px;height: 40px">


                          </span>
    <span class="clear">
                            <span *ngIf="rankinguserlist">{{rankinguserlist.name}}</span>
                            <small class="text-muted clear text-ellipsis" *ngIf="rankinguserlist">{{rankinguserlist.profile}}</small>
                          </span>
  </a>


</div>
